@import './vars.less';

.cms-views-container {
  width: 375px;
  min-height: 667px;
  @apply bg-white relative;
  //   zoom: 0.5;
}





.video_shadow{
  background: #FFF4F0 ;
  @apply relative;
  .img-show {
    @apply absolute top-1/2 left-1/2;
    transform: translate(-50%,-50%);
  }
  &::after {
    content: '';
    @apply block w-full h-7 absolute bottom-0 left-0 rounded-bl-lg rounded-br-lg;
    background-image: linear-gradient(180deg, rgba(0,0,0,0.00) 0%, rgba(0,0,0,0.40) 100%);
  }
  .dome-text {
    z-index: 10;
  }
}

.video_introduction_shadow {
  &::after {
    @apply rounded-none;
  }
}



.video_shadow_rotation {
  &::after {
    @apply h-11;
  }
}

.article_shadow {
  background: #FFF4F0 ;
  @apply relative;
  .img-show {
    @apply absolute top-1/2 left-1/2;
    transform: translate(-50%,-50%);
  }
}

.player_shadow {
  &::before {
    content: '';
    @apply block w-full h-11 absolute top-0 left-0;
    background-image: linear-gradient(180deg, rgba(0,0,0,0.4) 0%, rgba(0,0,0,0.0) 100%);
  }
  &::after {
    @apply rounded-bl-none rounded-br-none h-11;
  }

}
